<template>
	<view>
		<!-- <uni-nav-bar left-icon="back"  statusBar :border="false" >
			<view class="flex align-center justify-center w-100" >
			所有人可见 <text class="iconfont icon-shezhi"></text>	
			</view>
		</uni-nav-bar>	 -->			 
	<!-- 	<topBar  :isBackBtn="true" :isSaved="true" 
		storageKey="EditorContent" :storageData="content">
		<text slot="icon" class="pl-10 iconfont icon-back h4"></text>
		</topBar> -->	
		 <!-- 文本域 -->
		 <textarea value =""  placeholder="说一句话吧" class="uni-textarea px-2" />		
		
		<!-- 多图上传 -->
		<upload-image @chooose ="changeImage" ></upload-image>
		
		<!-- 底部操作条 -->
		<view class="fixed-bottom bg-white flex align-center " style="height: 85rpx;" >
			<view class="iconfont icon-fenlei footer-btn animated " hover-class="jello" ></view>
			<view class="iconfont icon-huati footer-btn animated" hover-class="jello" ></view>
			<view class="iconfont icon-tupian footer-btn animated" hover-class="jello" ></view>
			<view class="bg-main text-white ml-auto flex justify-center align-center rounded mr-2 animated " 
			style="width: 140rpx; height: 60rpx;" hover-class="jello">发送</view>
			
		</view>
	</view>
</template>

<script>
	import uniNavBar from '@/components/uni_ui/uni-nav-bar/uni-nav-bar.vue'
	import uploadImage from '@/components/common/upload-image.vue'
	export default {
		components:{
			uniNavBar,	
			uploadImage
		},
		data() {
			return {
					
			}
		},		
		methods: {
			//选中图片保存
			changeImage(e){
			    this.imageList = e
			}
			}
	}
</script>

<style>
  .footer-btn{
	  width: 86rpx;
	  height: 86rpx;
	  display: flex;
	  justify-content: center;
	  align-content: center;
	  font-size: 50rpx;
  }
</style>
